<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport"
			content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link href="../css/mui.min.css" rel="stylesheet" />
		<style>
			html,
			body {
				height: 100%;
			}

			body {
				margin: 0;
			}

			.mui-content {
				height: 100%;
				padding: 0;
			}

			.mui-slider {
				height: 100%;
			}

			.mui-slider-group {
				height: 100%;
			}

			.mui-slider-item {
				height: 100%;
				width: 100%;
				margin-left: 0px;
				margin-right: 0px;
				border: none;
			}

			a {
				height: 100%;
			}

			.into {
				width: 100%;
				bottom: 5%;
				position: absolute;
				z-index: 100;
				text-align: center;
			}

			.intoButton {
				width: 219px;
				display: inline-block;
				color: white;
				border: 1px solid #fff;
				border-radius: 20px;
				padding: 5px;
			}

			.img_content {
				position: relative;
				width: 100%;
				height: 100%;
			}

			.img_content img {
				height: 100%;
				width: 100%;
			}
		</style>
	</head>
	<body>
		<div class="mui-content" style="height: 100%;overflow: hidden;padding: 0px;margin: 0px;">
			<div class="into">
				<div class="intoButton">
					立即体验
				</div>

			</div>

			<div id="slider" class="mui-slider">
				<div class="mui-slider-group">
					<!-- 第一张 -->
					<div class="mui-slider-item">
						<div class="img_content">
							<img src="../image/guide1.png" />
						</div>
					</div>
					<!-- 第二张 -->
					<div class="mui-slider-item">
						<div class="img_content">
							<img src="../image/guide2.png" />
						</div>
					</div>
					<!-- 第三张-->
					<div class="mui-slider-item">
						<div class="img_content">
							<img src="../image/guide3.png" />
						</div>
					</div>
					<div class="mui-slider-item">
						<div class="img_content">
							<img src="../image/guide4.png" />
						</div>
					</div>
					<div class="mui-slider-item">
						<div class="img_content">
							<img src="../image/guide5.png" />
						</div>
					</div>
				</div>
				<div class="mui-slider-indicator">
					<div class="mui-indicator mui-active"></div>
					<div class="mui-indicator"></div>
					<div class="mui-indicator"></div>
					<div class="mui-indicator"></div>
					<div class="mui-indicator"></div>
				</div>
			</div>
		</div>
		</div>
	</body>
	<script src="../js/mui.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript" charset="utf-8">
		mui.init();
		mui.plusReady(function() {
			mui.os.ios && plus.navigator.setFullscreen(true);
			var slider = mui('.mui-slider').slider();
			initPageguid();
			// setStatusBarBackgroud();
			plus.navigator.closeSplashscreen();

			function initPageguid() {
				//绑定滑屏相关事件
				var gallery = mui('.mui-slider')[0];
				gallery.addEventListener('swiperight', function(e) {
					//向左划动
					var num = mui('.mui-slider').slider().getSlideNumber() - 1;
				});
				gallery.addEventListener('swipeleft', function(e) {
					//向右划动
					var num = mui('.mui-slider').slider().getSlideNumber() + 1;
				});
			}

			mui('body').on('tap', '.intoButton', function() { //.shoplist就是你需要绑定的dom对象
				localStorage.setItem("launchFlag", true)
				plus.webview.currentWebview().hide()
				mui.openWindow({
					url: "login.html",
					id: "login.html",
					createNew: false,
					show: {
						autoShow: true,
					}
				})

			})
		})
	</script>
</html>